<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <script src="/spring-merchant/js/bootstrap/jquery-3.2.1.min.js"></script>
<script src="/spring-merchant/js/jquery.validate.min.js"></script>  

    <link rel="stylesheet" href="/spring-merchant/css/bootstrap/bootstrap.min.css" >
    <link rel="stylesheet" href="/spring-merchant/css/bootstrap/bootstrap-theme.min.css">
    <script src="/spring-merchant/js/bootstrap/bootstrap.min.js"></script>
	
	<script src="/spring-merchant/js/dist/sweetalert-dev.js"></script>
    <link href="/spring-merchant/css/dist/sweetalert.css" rel="stylesheet">
    <script src="/spring-merchant/js/dist/sweetalert.min.js"></script>
    <link rel="stylesheet" href="/spring-merchant/css/advertisement.css">
    
<style>

</style>
</head>
<body>

	<div id="main-div">
		<!-- 上方标题-->
		<div class="top-title">
			<div class="dole-logo log-div">
				<a href="">
				 <img src="/spring-merchant/image/login.jpg" alt="merchant">
				</a>
			</div>
			<div class="title-nav">
				<div class="page-header page-header-div">
                <h1>Advertisement manager<small></small></h1>
            </div>
           	<%@include file="../../user_nav.jsp"%>
			</div>
		</div>
		<!-- 菜单栏-->
		<div class="bottom-menu-operationarea">
			<div id="left-menu-log" class="mac-main-nav menu-div">
				<!--隔离空白区美观-->
				<div id="left-menu-log" class="mac-main-nav menu-div"></div>
				<!--选项栏-->
				<div class="console-menu">
					<ul class="nav nav-pills nav-stacked">
						<li crole="presentation" class="menu-li"><a
							href="/spring-merchant/views/orders">Order Management</a></li>
						<li role="presentation" class="menu-li"><a
							href="/spring-merchant/views/foods">Food Management</a></li>
						<li role="presentation" class="menu-li"><a
							href="/spring-merchant/views/comments">Comment Management</a></li>
						<li role="presentation" class="active menu-li"><a
							href="/spring-merchant/views/advertisement">Advertisement Management</a></li>
					</ul>
				</div>
			</div>
			<div class="operationarea">
				<div id="ad_oper">
					<ul id="category-list" class="nav nav-pills">
	 					<li name="operChange" value="advertising" role="presentation" class="active"><a href="javascript:void(0);" id="show_advertising">advertising</a></li>
	                    <li name="operChange" value="history" role="presentation"><a href="javascript:void(0);" id="show_history">history</a></li>
	                    <li name="operChange" value="success" role="presentation"><a href="javascript:void(0);" id="show_success">success advertisement</a></li>
					</ul>
				</div>
				<div id="send-form-div">
					<form id="ad_form">
						<div class="form-group">
							<label for="exampleInputNumber">price</label>
							 <div class="input-group">
						            <span class="input-group-addon">$</span>
									 <input type="number" class="form-control" id="price" placeholder="price" name="adPrice" min=1 required>
						        </div>
						</div>
						<div class="form-group">
							<label for="exampleInput">time</label> <input
								type="date" class="form-control" id="date"
								placeholder="date" name="date" >
						</div>
						
						<div class="form-group">
							<label for="exampleInput">time stamp</label>
							 <select class="form-control" name="time" id="time">
							 <option value="1">0:00~8:00</option>
							 <option value="2">8:00~16:00</option>
							 <option value="3">16:00~24:00</option>
							 </select>
						</div>
						
						<div class="form-group">
							<label for="exampleInput">food</label>
							 <select class="form-control" id="foodList" name="foodId">
							
							 </select>
						</div>
						<div id="miss-info-alert" class="alert alert-danger alert-failed" role="alert">
                 			<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                 			<span class="sr-only">Error:</span>
                   			Your input information does not meet the requirements,
                   			there are something missing, please check it then click Submit!
         				</div>
						<button value="submit" class="btn btn-default" id="show_tip">Submit</button>
					</form>
				</div>
			
				<div id="history" class="not_display">
					<table class="table table-bordered table-hover" id="history_table">
 					
					</table>
				</div>
				
				<div id="success" class="not_display table-responsive">
					<table class="table table-bordered table-hover" id="success_table">
 				
					</table>
				</div>
				
			</div>
		</div>
	</div>
	<script type="text/javascript" src="/spring-merchant/js/advertisement.js"></script>
	 <script type="text/javascript" src="/spring-merchant/js/websocket.js"></script>
</script>
</body>
</html>